<!DOCTYPE html>
<html>
	<head>
		<title>Flexslider - Slider with Carousel</title>
		<link rel="stylesheet" href="style.css"/>
	</head>						
	<body>
	<div class="flex-container">
		<!--SLIDER-->
		<div id="slider" class="flexslider">
			<ul class="slides">
				<li><img src="images/Mickey 1.jpg"/></li>
				<li><img src="images/Mickey 2.jpg"/></li>
				<li><img src="images/Mickey 3.jpg"/></li>
				<li><img src="images/Mickey 4.jpg"/></li>
				<li><img src="images/Mickey 5.jpg"/></li>
				<li><img src="images/Mickey 1.jpg"/></li>
				<li><img src="images/Mickey 2.jpg"/></li>
				<li><img src="images/Mickey 3.jpg"/></li>
				<li><img src="images/Mickey 4.jpg"/></li>
				<li><img src="images/Mickey 5.jpg"/></li>
			</ul>
		</div>
		<!--CAROUSEL-->
		<div id="carousel" class="flexslider">
			<ul class="slides">
				<li><img src="images/Mickey 1-thumb.jpg"/></li>
				<li><img src="images/Mickey 2-thumb.jpg"/></li>
				<li><img src="images/Mickey 3-thumb.jpg"/></li>
				<li><img src="images/Mickey 4-thumb.jpg"/></li>
				<li><img src="images/Mickey 5-thumb.jpg"/></li>
				<li><img src="images/Mickey 1-thumb.jpg"/></li>
				<li><img src="images/Mickey 2-thumb.jpg"/></li>
				<li><img src="images/Mickey 3-thumb.jpg"/></li>
				<li><img src="images/Mickey 4-thumb.jpg"/></li>
				<li><img src="images/Mickey 5-thumb.jpg"/></li>
			</ul>
		</div>
	</div>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.flexslider.js"></script>
		<script type="text/javascript" src="js/util.js"></script>
	</body>
</html>